<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title></title>
		<link href="../css/index.css" type="text/css" rel="stylesheet"/>
		
	</head>
	<body>
		
		<div class="top">
			<div class="logo">
				<img src="../img/logo.jpg" alt="logo" width="60" height="60">
			</div>
			
			<div class="name">灵笼-末日幻想</div>
			<div class="search">
				<input  type="text" placeholder="请输入搜索内容"/>
				<button type="submit">立即搜索</button>
			</div>
		</div>
		<div class="suspension">
				<img src="../img/悬浮.png"/>
			</div>
		<div class="slider">
			  <img src="../img/3.jpg" alt="图片1" class="active">
		  <img src="../img/灵笼图.jpg" alt="图片2" >
		  <img src="../img/灵笼.jpg" alt="图片3">
			<img src="../img/4.jpg" alt="图片4">
			<img src="../img/5.jpg" alt="图片5">
		  <button class="prev">&#10094;</button>
		  <button class="next">&#10095;</button>
		</div>
		<div class="nav">
			<div class="nav1">
			  <div class="no1"><a href="首页.html">首页</a></div>
			  <div class="no1"><a href="基本信息.html">基本信息</a></div>
			  <div class="no1"><a href="人物介绍.html">人物介绍</a></div>
			  <div class="no1 now">图片相册</div>
			  <div class="no1"><a href="联系我们.html">联系我们</a></div>
			</div>
		</div>
		<div class="banner">
			<div class="message-slider">
				<div class="message-content">灵笼第二季于5月23日开播！！！</div>
			  </div>
		</div>
		<div class="gallery">
			<img src="../img/马克.jpg" alt="人物1头像">
			<img src="..\img\11.jpg" alt="图片1">
			<img src="..\img\22.jpg" alt="图片2">
			<img src="..\img\33.jpg" alt="图片3">
			<img src="..\img\44.jpg" alt="图片4">
			<img src="..\img\55.jpg" alt="图片4">
			<img src="..\img\66.jpg" alt="图片4">
			<img src="..\img\77.jpg" alt="图片4">
			<img src="..\img\88.jpg" alt="图片4">
			<img src="..\img\99.jpg" alt="图片4">
			
			<img src="..\img\微信图片_20250511123144.jpg">
			<img src="..\img\ad93cbc6406855a2d11562793d340f6.jpg">
			<img src="..\img\地面幸存者.jpg">
			<img src="..\img\9e903160529478045fd0979ed539b12.jpg">
			<img src="..\img\34b434c8e16e701b8e46fb77dcc9e7a.jpg">
			<img src="../img/3.jpg" alt="图片1" class="active">
		  <img src="../img/灵笼图.jpg" alt="图片2" >
		  <img src="../img/灵笼.jpg" alt="图片3">
			<img src="../img/4.jpg" alt="图片4">
			<img src="../img/5.jpg" alt="图片5">
			<img src="../img/2.jpg">
			<img src="../img/预告-牺牲.jpg" alt="预告-牺牲">
			<img src="../img/预告-错误.jpg" alt="预告-错误">
			<img src="../img/预告.jpg"  alt="预告">
		  
		  </div>
		
		  <!-- 图片放大模态框 -->
		  <div id="myModal" class="modal">
			<span class="close">&times;</span>
			<img class="modal-content" id="modalImg">
		  </div>
		  <div class="footer">
			 <p>&copy; 2023 灵笼粉丝站 | 数据来源：艺画开天</p >
			<p>版权：宋艺雅  2410250316 软件工程</p ></div>
		  <script src="../js/index.js" ></script>
    </body>
</html>